<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IT4SWeb</title>

<link
	href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900"
	rel="stylesheet" />
<link href="resources/css/default.css" rel="stylesheet" type="text/css"
	media="all" />
<link href="resources/css/fonts.css" rel="stylesheet" type="text/css"
	media="all" />



</head>
<body>
	<div id="wrapper3">
		<div id="portfolio" class="container">
			<div class="title">
				<h2>Design Portfolio</h2>
				<span class="byline">Integer sit amet pede vel arcu aliquet
					pretium</span>
			</div>
			<div class="pbox1">
				<div class="column1">
					<div class="box">
						<span class="icon icon-facebook"></span>
						<h3>Facebook</h3>
						
					</div>
				</div>
				<div class="column2">
					<div class="box">
						<span class="icon icon-twitter"></span>
						<h3>Twitter</h3>
						
					</div>
				</div>
				<div class="column3">
					<div class="box">
						<span class="icon icon-comment-alt"></span>
						<h3>WhatsApp</h3>
						
					</div>
				</div>
				<div class="column4">
					<div class="box">
						<span class="icon icon-google-plus"></span>
						<h3>Google plus</h3>
						
					</div>
				</div>
			</div>
			<div class="pbox2">
				<div class="column1">
					<div class="box">
						<span class="icon icon-skype"></span>
						<h3>skype</h3>
						
					</div>
				</div>
				<div class="column2">
					<div class="box">
						<span class="icon icon-youtube-sign"></span>
						<h3>Youtube</h3>
						</div>
				</div>
				<div class="column3">
					<div class="box">
						<span class="icon icon-instagram"></span>
						<h3>Instagram</h3>
						
					</div>
				</div>
				<div class="column4">
					<div class="box">
						<span class="icon icon-linkedin"></span>
						<h3>Linkedin</h3>
						
					</div>
				</div>
			</div>
			<div class="content">
				<div class="title">
					<h3><a href="#" class="button">Explore Contacts</a></h3>
				</div>
			</div>
		</div>
	</div>
	<div id="copyright">
		<div class="title">
			<h2>Get in touch</h2>
			<span class="byline">Phasellus nec erat sit amet nibh
				pellentesque congue</span>
		</div>
		<ul class="contact">
			<li><a href="#" class="icon icon-cogs"><span>Twitter</span></a></li>
			<li><a href="#" class="icon icon-comments"><span></span></a></li>
			<li><a href="#" class="icon icon-coffee"><span>Pinterest</span></a></li>
			<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
			<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
		</ul>

	</div>
</body>
</html>
